#@headToo()
<meta name="author" content="Lokesh Dhakar">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="http://www.jqcool.net/demo/201502/jquery-lightbox2/img/demopage/favicon.png">
<link rel="stylesheet" href="/album/css/lightbox.css">
<script src="/album/js/jquery-1.11.0.min.js"></script>
<script src="/album/js/lightbox.js"></script>

<div id="page-content">
    <section class="box-content box-1">
        <div class="container">
            <div style="margin-left: -10px;">
                #for(album : album.list)
                <div style="width:380px;margin-left: 10px " class="f-left">
                    <div class="box-item">
                        <div class="image-row">
                            <div class="image-set" style="height: 275px">
                                #for(album : album)
                                <a class="example-image-link" href="#(album.suffix)#(album.base64)"
                                   data-lightbox="example-set">
                                    <img class="example-image" style="height:252px;"
                                         src="#(album.suffix)#(album.base64)" alt="image-1"></a>
                                <p style="white-space: nowrap; overflow: hidden;text-overflow: ellipsis;margin-bottom: 8px;">#(album.message)</p>
                                #end
                            </div>
                        </div>
                    </div>
                </div>
                #end
            </div>
        </div>
    </section>
</div>
#include("/WEB-INF/view/common/blog_paginate.html")
#@paginate(album.pageNumber, album.totalPage, actionUrl, urlParams)
#@layout()